page{
	.app-0{
		position: absolute;
		height: 200upx;
		width: 100%;
		background-color: #385CEC;
		z-index: 0;
	}
	.app-con{
		padding: 20upx 40upx;
		position: relative;
		z-index: 1;
		.app-1{
			display: flex;
			text{
				flex: 1;
				text-align: center;
				display: block;
				position: relative;
				padding: 0 0 20upx 0;
				color: rgba($color: #fff, $alpha: 0.5);
				&.on{
					color: #fff;
					&::after{
						position: absolute;
						content: '';
						width: 38upx;
						height: 4upx;
						background: #FFFFFF;
						bottom: 0;
						left: 46%;
					}
				}
			}
		}
	}
	.app-4{
		margin-top: 20upx;
		.list{
			box-shadow: 0px 5upx 8upx 2upx rgba(0, 0, 0, 0.05);
			border-radius: 15upx;
			margin-top: 30upx;
			background-color: #fff;
			padding: 30upx;
			>view{
				&:nth-child(1){
					display: flex;
					align-items: center;
					text{
						&:nth-child(1){
							font-size: 32upx;
							font-family: PingFang SC;
							font-weight: bold;
							color: #333333;
							flex: 1;
						}
						&:nth-child(2){
							font-size: 22upx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
							width: 130upx;
							height: 50upx;
							background: #3153D8;
							border-radius: 25upx;
							text-align: center;
							line-height: 50upx;
						}
					}
				}
				&:nth-child(2){
					display: flex;
					align-items: center;
					margin-top: 10upx;
					view{
						flex: 1;
						text{
							display: block;
							font-size: 22upx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #969CA8;
							margin-top: 10upx;
						}
					}
					>text{
						font-size: 22upx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						width: 130upx;
						height: 50upx;
						background: #D93131;
						border-radius: 25upx;
						text-align: center;
						line-height: 50upx;
					}
				}
			}
		}
	}
}



.app-nbw{
	display: flex;
	background-color: #fff;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 15upx 0;
	>view{
		flex: 1;
		>text{
			display: block;
			text-align: center;
		}
		>view{
			height: 60upx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}